.index {
  padding-bottom:20px;
  .search {
    background:#fff;
    border-radius:50px;
    width:95%;
    box-sizing:border-box;
    margin:20px auto 0;
    display: flex;
    align-items:center;
    color:#ccc;
    font-size:24px;
    height:70px;
    padding-left:10px;
    border:1px solid #e9e9e9;
  }


.at-tabs__underline{
  background-color: transparent;
}
.at-tabs__header {
  background-color: #f4f4f4;
}

.at-tabs__item {
  color:#333;
  padding:30px 20px;
}
.at-tabs__item-underline{
  background-color: #f4f4f4;
}

.at-tabs__item--active {
  color: #333;
  font-weight:600;
  font-size:33px;
}

.bannerBox{
  width:95%;
  height:240px;
  margin:0 auto 20px;
  box-sizing:border-box;
  overflow: hidden;
  border-radius:30px;
  .bannerImg{
    width:100%;
    height:100%;
    border-radius:30px;
  }
}

.entranceBox {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-radius:30px;
  width:95%;
  box-sizing:border-box;
  margin:0 auto;
  padding:30px 0;
  &>.entranceItem:first-child{
    padding-bottom:30px;
  }

  .entranceItem {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 26px;

    .entranceImg {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      margin-bottom:5px;
    }
  }
}

.product{
  background:#fff;
  border-radius:30px;
  width:95%;
  box-sizing:border-box;
  margin:20px auto;
  display:flex;
  padding:16px;
  .PImg{
    width:200px;
    height:200px;
    border-radius:10px;
    margin-right:10px;
  }
  .textBox{
    flex:1;
    display: flex;
    flex-direction:column;
    justify-content:space-between;
    color:#333;
    font-size:25px;
    padding-bottom:5px;
    .textBoxTop{
      .textBoxTitle{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom:10px;
        font-size:30px;
        Image{
          width:60px;
          margin-right:10px;
          margin-bottom:-3px;
        }
        //&>Text{
        //  color:#fff;
        //  background:#ee7b77;
        //  border-radius:50px;
        //  padding:1px 12px;
        //  margin-right:10px;
        //  font-size:25px;
        //}
      }
      .coupon>Text{
        background:linear-gradient(bottom,#e94e6e,#ec5a81);
        color:#fff;
        border-radius:5px;
        padding:3px 12px;
        margin-right:15px;
      }
    }

    .priceBox{
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      color:#ec4526;
      font-size:24px;
      .price{
        font-size:41px;
      }
      .sellNum{
        color:#ccc;
      }
    }
  }
}

}
